<template>
  <div>
    <van-cell v-for="(item,i) in 20" :key="i">
      <div slot="title" class="list-title">
        <div class="list-title-l">
          <van-tag color="#46a8ff">男</van-tag>
          <van-tag color="#ff4674">女</van-tag>
          <span>A001-1网迷服装店</span>
        </div>
        <van-icon name="star" color="#FFA93EFF" class="icon-start" />
      </div>
      <p slot="label"  class="van-ellipsis">本店有男装女装男装女装本店有男装女装男装女装本店有男装女装男装女装本店有男装女装男装女装本店有男装女装男装女装</p>
    </van-cell>
  </div>
</template>

<script>
export default {
  name: "oldhandList"
};
</script>

<style lang="less" scoped>
.list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 18px;
  width: 50%;
}
p {
  padding-right: 30px;
  width: 50%;
  color: #787878FF;
}
.van-cell {
  line-height: 44px;
  border-bottom: 1px solid #d8d8d8ff;
}
</style>